@charset "utf-8";
/* CSS Document */
/* 威邦网络科技  www.cnwei.net */

#demo00 { margin: 20px auto 20px; width: 100%; height: 242px; overflow: hidden; border: 0px dashed #CCC; }
#indemo00 { float: left; width: 800%; }
#demo100 { float: left; }
#demo200 { float: left; }
.move00 { float: left; }
    .move00 .images00 { padding: 0px; text-align: center; }
    .move00 .name00 { width: 200px; height: 40px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .move00 a { display: block; color: #004ea2; font: 14px/40px "Microsoft YaHei"; width: 200px; height: 240px; background: #ddd; padding: 1px; }
        .move00 a:hover { background: #005bac; color: #fff; }

.view { width: 202px; height: 242px; overflow: hidden; position: relative; text-align: center; cursor: default; float: left; margin-right: 10px; }
    .view .mask, .view .content { width: 202px; height: 242px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
    .view img { display: block; position: relative; }
.second-effect .mask { opacity: 0; overflow: visible; border: 0px solid rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.second-effect a.info { position: relative; top: -10px; opacity: 0; -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; }
.second-effect:hover .mask { opacity: 1; border: 101px solid rgba(0,78,162,0.7); }
.second-effect:hover a.info { opacity: 1; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.view a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 100px; height: 20px; left: -60px; }